<template lang="html">
<div class="fuirt">
    <span v-for="x in qingshiData">
      <router-link  to="/goods">
          <img v-bind:src="x.icon">
      </router-link>
    </span>

</div>

</template>
<script>
  import Vue from "vue"
  import VueResource from "vue-resource"
  Vue.use(VueResource);
  export default{
      data (){
          return{
            qingshiData:[]
          }
      },
      mounted (){

          this.$http.get("../static/轻食分类.json").then(function(res){
              this.qingshiData=JSON.parse(res.bodyText).data[0].data;
          })
      }
  }
</script>
<style lang="css">
    .fuirt{
        width: 100%;
        height: 32rem;
        background:#F5F6F7;
    }
    .fuirt a{
        margin-right: 0.2rem;
    }
    .fuirt  img{
      width: 3.8rem;
      height: 4.5rem;
    }
</style>
